<!DOCTYPE html>
<html>
	<head lang="en">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="UTF-8">
		<title>奶油蛋糕</title>
		<!--[if lt IE 9]>
	      <script src="js/html5shiv.js"></script>
	      <script src="js/respond.js"></script>
	    <![endif]-->
	    <link href="css/public.css" rel="stylesheet" type="text/css">
	    <link href="css/intro.css" rel="stylesheet" type="text/css">
	</head>
	<body>
		<div class="sort_fruit choice">
			<header>
				<a class="fl" href="#"><i class="iconfont">&#xe632;</i></a>
				<h2>奶油蛋糕</h2>
				<a class="search" href="#"><i class="iconfont">&#xe603;</i></a>
			</header>
			<div class="sortCon clearfix">
				<dl>
					<dt><a href="#"><img src="images/sort_img17.jpg"></a></dt>
					<dd><a href="#">樱桃奶油蛋糕</a></dd>
					<dd>
						<p class="fl">
							<a href="#"><i class="iconfont">&#xe6b3;</i></a>
							<span>1.04K</span>
						</p>
						<p class="fr">
							<a href="#"><i class="iconfont">&#xe620;</i></a>
							<span>946</span>
						</p>
					</dd>
				</dl>
				<dl>
					<dt><a href="#"><img src="images/sort_img18.jpg"></a></dt>
					<dd><a href="#">巧克力奶油蛋糕</a></dd>
					<dd>
						<p class="fl">
							<a href="#"><i class="iconfont">&#xe6b3;</i></a>
							<span>1.04K</span>
						</p>
						<p class="fr">
							<a href="#"><i class="iconfont">&#xe620;</i></a>
							<span>946</span>
						</p>
					</dd>
				</dl>
				<dl>
					<dt><a href="#"><img src="images/sort_img13.jpg"></a></dt>
					<dd><a href="#">夹心奶油蛋糕</a></dd>
					<dd>
						<p class="fl">
							<a href="#"><i class="iconfont">&#xe6b3;</i></a>
							<span>1.04K</span>
						</p>
						<p class="fr">
							<a href="#"><i class="iconfont">&#xe620;</i></a>
							<span>946</span>
						</p>
					</dd>
				</dl>
				<dl>
					<dt><a href="#"><img src="images/sort_img14.jpg"></a></dt>
					<dd><a href="#">芝士奶油蛋糕</a></dd>
					<dd>
						<p class="fl">
							<a href="#"><i class="iconfont">&#xe6b3;</i></a>
							<span>1.04K</span>
						</p>
						<p class="fr">
							<a href="#"><i class="iconfont">&#xe620;</i></a>
							<span>946</span>
						</p>
					</dd>
				</dl>
				<dl>
					<dt><a href="#"><img src="images/sort_img15.jpg"></a></dt>
					<dd><a href="#">冰激凌奶油蛋糕</a></dd>
					<dd>
						<p class="fl">
							<a href="#"><i class="iconfont">&#xe6b3;</i></a>
							<span>1.04K</span>
						</p>
						<p class="fr">
							<a href="#"><i class="iconfont">&#xe620;</i></a>
							<span>946</span>
						</p>
					</dd>
				</dl>
				<dl>
					<dt><a href="#"><img src="images/sort_img16.jpg"></a></dt>
					<dd><a href="#">鲜花奶油蛋糕</a></dd>
					<dd>
						<p class="fl">
							<a href="#"><i class="iconfont">&#xe6b3;</i></a>
							<span>1.04K</span>
						</p>
						<p class="fr">
							<a href="#"><i class="iconfont">&#xe620;</i></a>
							<span>946</span>
						</p>
					</dd>
				</dl>
			</div>
			<!--footer-->
			<footer>
				<a href="index.html"><i class="iconfont">&#xe602;</i><span>主页</span></a>
				<a href="select.html"><i class="iconfont">&#xe63a;</i><span>精选</span></a>
				<a href="uploading1.html"><img src="images/icon-bg.png"/><span>上传</span></a>
				<a href="sweetRing.html"><img src="images/icon-ttq.png"/><span>甜甜圈</span></a>
				<a href="memenber.html"><img src="images/icon-csm.png"/><span>我的</span></a>
			</footer>
		</div>
	</body>
	<script>
	(function (doc, win) {
	  var docEl = doc.documentElement,
		resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
		recalc = function () {
		  var clientWidth = docEl.clientWidth;
		  if (!clientWidth) return;
		  docEl.style.fontSize = 10 * (clientWidth / 320) + 'px';
		};

	  if (!doc.addEventListener) return;
	  win.addEventListener(resizeEvt, recalc, false);
	  doc.addEventListener('DOMContentLoaded', recalc, false);
	})(document, window);
</script>
</html>